@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600&display=swap');

html {
	-moz-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html,
body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 13px !important;
	font-weight: 400;
  font-family: 'Poppins', sans-serif !important;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media (max-width: 1199.98px) {
	html,
	body {
		font-size: 13px !important;
	}
}

@media (max-width: 991.98px) {
	html,
	body {
		font-size: 12px !important;
	}
}

body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	color: #3F4254;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
  font-family: 'Poppins', sans-serif !important;
}

a:hover,
a:active,
a:focus {
	text-decoration: none !important;
}

canvas {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}


.login.auth-division .login-aside .aside-img{min-height:450px}.login.auth-division .login-forgot,.login.auth-division .login-signin,.login.auth-division .login-signup{display:none}.login.auth-division.login-signin-on .login-signup{display:none}.login.auth-division.login-signin-on .login-signin{display:block}.login.auth-division.login-signin-on .login-forgot{display:none}.login.auth-division.login-signup-on .login-signup{display:block}.login.auth-division.login-signup-on .login-signin{display:none}.login.auth-division.login-signup-on .login-forgot{display:none}.login.auth-division.login-forgot-on .login-signup{display:none}.login.auth-division.login-forgot-on .login-signin{display:none}.login.auth-division.login-forgot-on .login-forgot{display:block}

@media (min-width:992px){.login.auth-division .login-aside{width:100%;max-width:700px}.login.auth-division .login-content{width:100%;max-width:500px}.login.auth-division .login-content .login-form{width:100%;max-width:450px}}
@media (min-width:992px) and (max-width:1399.98px){.login.auth-division .login-aside{width:100%;max-width:450px}}
@media (max-width:991.98px){.login.auth-division .login-content .login-form{width:100%;max-width:400px}}
@media (max-width:575.98px){.login.auth-division .aside-img{min-height:300px!important;background-size:400px}.login.auth-division .login-content .login-form{width:100%;max-width:100%}}
@media (min-width: 1367px) and (max-width: 1560px) {.login.auth-division .login-aside{width:100%;max-width:43.75rem;} .pt-lg-50, .py-lg-50 {padding-top: 8rem !important;}}

label.error,.help-block {
  color: #f64e60;
  font-size: 1rem;
  font-weight: normal;
  margin-top: 2px;
  display: block;
}

/* alert */
.alert-success {
  color: #0b6e50 !important;
  background-color: #d0f6eb !important;
  border-color: #bef3e3 !important;
}

.mr-0-5{
  margin-right: .50rem!important
}
.mr-10, .mx-10 {
  margin-right: 2.5rem!important;
}

.dataTable > tbody > tr > td, .dataTable > tbody > tr > th {
  border: 0;
}

.rounded-circle-with-object-fit{
  border-radius: 50% !important;
  object-fit: cover;
}

.img-xxl{
  width: 84px !important;
  height: 84px !important;
}

.img-xxxl{
  width: 100px !important;
  height: 100px !important;
}

.boarder_left_high{
  border-left: 2px solid #ff5252 !important;
}

.boarder_left_medium{
  border-left: 2px solid #ffc107 !important;
}

.boarder_left_low{
  border-left: 2px solid #66bb6a !important;
}

.div-preview{
  border: 4px solid #f3f6f9;
  padding: 1.75rem 1.5rem;
  border-top-left-radius: .42rem;
  border-top-right-radius: .42rem;
}

/* Login Page */
.pt-15, .py-15 {
  padding-top: 3.75rem /* !important */;
}
.pb-13, .py-13 {
  padding-bottom: 3.25rem!important;
}
.pt-5, .py-5 {
  padding-top: 1.25rem!important;
}
.mt-10, .mx-10 {
  margin-top: 2.5rem!important;
}
.mb-10, .my-10 {
  margin-bottom: 2.5rem!important;
}
.font-size-h6 {
  font-size: 1.175rem!important;
}
.font-size-h7 {
  font-size: 1.05rem!important;
}

.font-weight-bolder {
  font-weight: 600!important;
}
.pl-8, .px-8 {
  padding-left: 2rem!important;
}
.pr-8, .px-8 {
  padding-right: 2rem!important;
}
.pb-4, .py-4 {
  padding-bottom: 1rem!important;
}
.pt-4, .py-4 {
  padding-top: 1rem!important;
}
.mb-3, .my-3 {
  margin-bottom: .75rem!important;
}
.mr-3, .mx-3 {
  margin-right: .75rem!important;
}
.mt-3, .my-3 {
  margin-top: .75rem!important;
}
.ml-5, .mx-5 {
  margin-left: 1.25rem!important;
}
.max-h-70px {
  max-height: 70px!important;
}
.font-size-h4 {
  font-size: 1.35rem!important;
}
.font-size-h6 {
  font-size: 1.175rem!important;
}

.flex-root {
  -webkit-box-flex: 1;
  flex: 1;
  -ms-flex: 1 0 0px;
}
.flex-row-fluid {
  -webkit-box-flex: 1;
  flex: 1 auto;
  -ms-flex: 1 0 0px;
  min-width: 0;
}
.flex-row-auto {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.flex-column-fluid {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.flex-column-auto {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
.ml-auto, .mx-auto {
  margin-left: auto!important;
}
.flex-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.bgi-position-x-center {
  background-position-x: center;
}
.bgi-position-y-bottom {
  background-position-y: bottom;
}
.bgi-no-repeat {
  background-repeat: no-repeat;
}
.text-primary {
  color: #4285f4 !important;
}
a.text-primary:hover, a.text-primary:focus {
  color: #659CF6 !important;
  /* border-color: #659CF6 !important; */
  /* background-color: #659CF6 !important; */
  /* color: #FFFFFF !important; */
}

.text-muted {
  color: #b5b5c3!important;
}
.text-dark-50 {
  color: #7e8299!important;
}
.text-dark-75 {
  color: #3f4254!important;
}
.form-control.form-control-solid {
  background-color: #f3f6f9;
  border-color: #f3f6f9;
  color: #3f4254;
  -webkit-transition: color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;
  transition: color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;
  transition: color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease;
  transition: color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,-webkit-box-shadow .15s ease;
}
.form-control.form-control-solid:focus {
  background-color: #ebedf3;
  border-color: #ebedf3;
  color: #3f4254;
  -webkit-transition: color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;
  transition: color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;
  transition: color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease;
  transition: color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,-webkit-box-shadow .15s ease;
}
.h-auto {
  height: auto!important;
}

.rounded-lg {
  border-radius: .85rem!important;
}
.pl-6, .px-6 {
  padding-left: 1.5rem!important;
}
.pb-6, .py-6 {
  padding-bottom: 1.5rem!important;
}
.pr-6, .px-6 {
  padding-right: 1.5rem!important;
}
.pt-6, .py-6 {
  padding-top: 1.5rem!important;
}

.pl-5, .px-5 {
  padding-left: 1.2rem!important;
}
.pb-5, .py-5 {
  padding-bottom: 1.2rem!important;
}
.pr-5, .px-5 {
  padding-right: 1.2rem!important;
}
.pt-5, .py-5 {
  padding-top: 1.2rem!important;
}


.p-7 {
  padding: 1.75rem!important;
}

.btn-primary {
  border-color: #4285f4 !important;
  background-color: #4285f4 !important;
  color: #FFFFFF !important;
}
.btn.btn-primary:hover, .btn.btn-primary:focus {
  border-color: #659CF6 !important;
  background-color: #659CF6 !important;
  color: #FFFFFF !important;
}

.btn.btn-light-primary {
  color: #3699FF !important;
  background-color: #e1f0ff;
  border-color: transparent;
}

.btn.btn-light-primary.focus:not(.btn-text), .btn.btn-light-primary:focus:not(.btn-text), .btn.btn-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled) {
  color: #fff !important;
  background-color: #4285f4;
  border-color: transparent;
}

.btn.focus, .btn:focus:not(.btn-text), .btn:hover:not(.btn-text) {
  -webkit-transition: color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;
  transition: color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;
  transition: color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease;
  transition: color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,-webkit-box-shadow .15s ease;
}

.btn .svg-icon {
  margin-right: .5rem;
}
.svg-icon.svg-icon-md svg {
  height: 1.5rem!important;
  width: 1.5rem!important;
}

.btn .svg-icon svg {
  height: 18px;
  width: 18px;
}
.svg-icon svg {
  height: 1.5rem;
  width: 1.5rem;
}
svg {
  overflow: hidden;
  vertical-align: middle;
}
.font-size-lg {
  font-size: 1.08rem;
}
.justify-content-center {
  -webkit-box-pack: center!important;
  -ms-flex-pack: center!important;
  justify-content: center!important;
}

/* Blade Custom Clss */
.preview-password{float:right;position:absolute;z-index:3;right:5%;top:30%;font-size:20px;}
.auth-fooder-division a{color:#4285f4 !important;}
.auth-fooder-division a:hover, .auth-fooder-division a:focus{color:#659CF6 !important;}
.auth_checkbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;text-align:left;cursor:pointer;font-size:1rem;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;margin:0;}
.checkbox-inline .auth_checkbox{margin-right:1rem;margin-bottom:0.35rem;}
.auth_checkbox > input:checked ~ span{background-color:#4285f4;}
.checkbox-inline .auth_checkbox span{margin-right:0.75rem;}
.auth_checkbox.checkbox-lg > span{height:24px;width:24px;}
.auth_checkbox > span{background-color:#EBEDF3;border:1px solid transparent;}
.auth_checkbox > span{background-color:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;border-radius:0.42rem;}
.auth_checkbox > input{position:absolute;z-index:-1;opacity:0;}
.checkbox-inline{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.auth_checkbox > input:checked ~ span:after{border-color:#ffffff;}
.auth_checkbox > input:checked ~ span:after{display:block;}
.auth_checkbox.checkbox-lg > span:after{width:6px;height:12px;}
.auth_checkbox > span:after{width:5px;height:10px;}
.auth_checkbox > span:after{content:"";border-color:transparent;border-style:solid;border-width:0 2px 2px 0 !important;-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-top:-2px;}


@media (min-width: 992px){
  .pt-lg-0, .py-lg-0 {
    padding-top: 0!important;
  }
  .pt-lg-40, .py-lg-40 {
    padding-top: 10rem!important;
  }
  .pt-lg-50, .py-lg-50 {
    padding-top: 15rem /* !important */;
  }

  .font-size-h1-lg {
    font-size: 1.6rem!important;
  }
  .pb-lg-0, .py-lg-0 {
    padding-bottom: 0!important;
  }
  .justify-content-lg-start {
    -webkit-box-pack: start!important;
    -ms-flex-pack: start!important;
    justify-content: flex-start!important;
  }
}

.font-size-base {
  font-size: 1rem;
}

.font-size-sm {
  font-size: 0.925rem;
}

.font-size-xs {
  font-size: 0.8rem;
}

.font-size-lg {
  font-size: 1.08rem;
}

.font-size-h1 {
  font-size: 2rem !important;
}

.font-size-h2 {
  font-size: 1.75rem !important;
}

.font-size-h3 {
  font-size: 1.5rem !important;
}

.font-size-h4 {
  font-size: 1.35rem !important;
}

.font-size-h5 {
  font-size: 1.25rem !important;
}

.font-size-h6 {
  font-size: 1.175rem !important;
}

.display1 {
  font-size: 5.5rem !important;
}

.display2 {
  font-size: 4.5rem !important;
}

.display3 {
  font-size: 3.5rem !important;
}

.display4 {
  font-size: 2.5rem !important;
}

.display5 {
  font-size: 2.25rem !important;
}

@media (min-width: 576px) {
  .font-size-h1-sm {
    font-size: 2rem !important;
  }

  .font-size-h2-sm {
    font-size: 1.75rem !important;
  }

  .font-size-h3-sm {
    font-size: 1.5rem !important;
  }

  .font-size-h4-sm {
    font-size: 1.35rem !important;
  }

  .font-size-h5-sm {
    font-size: 1.25rem !important;
  }

  .font-size-h6-sm {
    font-size: 1.175rem !important;
  }

  .display1-sm {
    font-size: 5.5rem !important;
  }

  .display2-sm {
    font-size: 4.5rem !important;
  }

  .display3-sm {
    font-size: 3.5rem !important;
  }

  .display4-sm {
    font-size: 2.5rem !important;
  }

  .display5-sm {
    font-size: 2.25rem !important;
  }
}
@media (min-width: 768px) {
  .font-size-h1-md {
    font-size: 2rem !important;
  }

  .font-size-h2-md {
    font-size: 1.75rem !important;
  }

  .font-size-h3-md {
    font-size: 1.5rem !important;
  }

  .font-size-h4-md {
    font-size: 1.35rem !important;
  }

  .font-size-h5-md {
    font-size: 1.25rem !important;
  }

  .font-size-h6-md {
    font-size: 1.175rem !important;
  }

  .display1-md {
    font-size: 5.5rem !important;
  }

  .display2-md {
    font-size: 4.5rem !important;
  }

  .display3-md {
    font-size: 3.5rem !important;
  }

  .display4-md {
    font-size: 2.5rem !important;
  }

  .display5-md {
    font-size: 2.25rem !important;
  }
}
@media (min-width: 992px) {
  .font-size-h1-lg {
    font-size: 1.6rem !important;
  }

  .font-size-h2-lg {
    font-size: 1.75rem !important;
  }

  .font-size-h3-lg {
    font-size: 1.5rem !important;
  }

  .font-size-h4-lg {
    font-size: 1.35rem !important;
  }

  .font-size-h5-lg {
    font-size: 1.25rem !important;
  }

  .font-size-h6-lg {
    font-size: 1.175rem !important;
  }

  .display1-lg {
    font-size: 5.5rem !important;
  }

  .display2-lg {
    font-size: 4.5rem !important;
  }

  .display3-lg {
    font-size: 3.5rem !important;
  }

  .display4-lg {
    font-size: 2.5rem !important;
  }

  .display5-lg {
    font-size: 2.25rem !important;
  }
}
@media (min-width: 1200px) {
  .font-size-h1-xl {
    font-size: 2rem !important;
  }

  .font-size-h2-xl {
    font-size: 1.75rem !important;
  }

  .font-size-h3-xl {
    font-size: 1.5rem !important;
  }

  .font-size-h4-xl {
    font-size: 1.35rem !important;
  }

  .font-size-h5-xl {
    font-size: 1.25rem !important;
  }

  .font-size-h6-xl {
    font-size: 1.175rem !important;
  }

  .display1-xl {
    font-size: 5.5rem !important;
  }

  .display2-xl {
    font-size: 4.5rem !important;
  }

  .display3-xl {
    font-size: 3.5rem !important;
  }

  .display4-xl {
    font-size: 2.5rem !important;
  }

  .display5-xl {
    font-size: 2.25rem !important;
  }
}
@media (min-width: 1400px) {
  .font-size-h1-xxl {
    font-size: 2rem !important;
  }

  .font-size-h2-xxl {
    font-size: 1.75rem !important;
  }

  .font-size-h3-xxl {
    font-size: 1.5rem !important;
  }

  .font-size-h4-xxl {
    font-size: 1.35rem !important;
  }

  .font-size-h5-xxl {
    font-size: 1.25rem !important;
  }

  .font-size-h6-xxl {
    font-size: 1.175rem !important;
  }

  .display1-xxl {
    font-size: 5.5rem !important;
  }

  .display2-xxl {
    font-size: 4.5rem !important;
  }

  .display3-xxl {
    font-size: 3.5rem !important;
  }

  .display4-xxl {
    font-size: 2.5rem !important;
  }

  .display5-xxl {
    font-size: 2.25rem !important;
  }
}